// 图片修复验证脚本
const fs = require('fs');

console.log('🔍 验证图片修复效果...\n');

// 检查JS文件中的图片路径
const jsFiles = [
    'js/extendedStory.js',
    'js/gameEngine.js', 
    'js/endingsManager.js',
    'js/imagePreloader.js',
    'js/main.js',
    'js/megaStoryExpansion.js'
];

let jpgCount = 0;
let svgCount = 0;

console.log('📁 检查JS文件中的图片引用:');
jsFiles.forEach(file => {
    if (fs.existsSync(file)) {
        const content = fs.readFileSync(file, 'utf8');
        const jpgMatches = content.match(/images\/[^"'\s]+\.jpg/g);
        const svgMatches = content.match(/images\/[^"'\s]+\.svg/g);
        
        const jpgNum = jpgMatches ? jpgMatches.length : 0;
        const svgNum = svgMatches ? svgMatches.length : 0;
        
        jpgCount += jpgNum;
        svgCount += svgNum;
        
        console.log(`   ${file}: ${jpgNum} .jpg, ${svgNum} .svg`);
    }
});

console.log(`\n📊 图片引用统计:`);
console.log(`   .jpg 引用: ${jpgCount} 个`);
console.log(`   .svg 引用: ${svgCount} 个`);

// 检查images目录中的文件
console.log(`\n📂 检查images目录:`);
const imageFiles = fs.readdirSync('images');
const jpgFiles = imageFiles.filter(f => f.endsWith('.jpg'));
const svgFiles = imageFiles.filter(f => f.endsWith('.svg'));

console.log(`   实际存在的 .jpg 文件: ${jpgFiles.length} 个`);
console.log(`   实际存在的 .svg 文件: ${svgFiles.length} 个`);

// 列出现有的jpg文件
if (jpgFiles.length > 0) {
    console.log(`\n✅ 现有的 .jpg 文件:`);
    jpgFiles.forEach(file => console.log(`   - ${file}`));
}

console.log(`\n🎨 生成的 SVG 占位符: ${svgFiles.length} 个`);

// 预测图片加载效果
console.log(`\n🚀 图片加载预测:`);
if (jpgCount === 0) {
    console.log(`   ✅ 所有图片引用都已更新为 .svg 格式`);
    console.log(`   ✅ 游戏将加载 SVG 占位符，不会出现图片缺失`);
} else {
    console.log(`   ⚠️  仍有 ${jpgCount} 个 .jpg 引用未更新`);
    console.log(`   📝 建议手动清除浏览器缓存或重新加载页面`);
}

console.log(`\n💡 优化建议:`);
console.log(`   1. SVG 占位符已生成，游戏图片将正常显示`);
console.log(`   2. 占位符带有中文描述，便于识别不同场景`);
console.log(`   3. 后续可用实际游戏图片替换 SVG 占位符`);
console.log(`   4. 如果浏览器仍显示缺失图片，请强制刷新 (Ctrl+F5)`);